import '../scss/main.scss'
import React from 'react'
import {commonApi} from '../api/common'
import {
    Router,
    Route,
    hashHistory,
    Link,
    browserHistory,
    IndexRoute
} from 'react-router'

export default React.createClass({
    getInitialState() {
        return {}
    },
    componentDidMount() {},
    render() {
        return <div id="main">
            <div className="flex">
                <Link to="/main/city/110001">
                    <div className="cell">城镇</div>
                </Link>
                <Link to="/main/suburb/110002">
                    <div className="cell">郊外</div>
                </Link>
                <Link to="/main/field/110003">
                    <div className="cell">平原</div>
                </Link>
                <Link to="/main/resources/110004">
                    <div className="cell">资源</div>
                </Link>
                <Link to="/main/dungeon/110005">
                    <div className="cell">副本</div>
                </Link>
                <Link to="/main/field/110006">
                    <div className="cell">平原</div>
                </Link>
                <Link to="/main/resources/110007">
                    <div className="cell">资源</div>
                </Link>
            </div>
            <div className="flex">
                <div>
                    <Link to="/main/arena/110033">
                        <div className="cell">竞技场</div>
                    </Link>
                    <Link to="/main/field/110032">
                        <div className="cell">平原</div>
                    </Link>
                    <Link to="/main/field/110031">
                        <div className="cell">平原</div>
                    </Link>
                    <Link to="/main/field/110030">
                        <div className="cell">平原</div>
                    </Link>
                    <Link to="/main/dungeon/110029">
                        <div className="cell">副本</div>
                    </Link>
                    <Link to="/main/devil/110028">
                        <div className="cell">魔王岛</div>
                    </Link>
                    <Link to="/main/hotSpring/110027">
                        <div className="cell">温泉</div>
                    </Link>
                    <Link to="/main/dungeon/110026">
                        <div className="cell">副本</div>
                    </Link>
                    <Link to="/main/wharf/110025">
                        <div className="cell">废弃码头</div>
                    </Link>
                </div>
                <div className="box flex-g-1">{this.props.children}</div>
                <div>
                    <Link to="/main/field/110008">
                        <div className="cell">平原</div>
                    </Link>
                    <Link to="/main/wharf/110009">
                        <div className="cell">废弃码头</div>
                    </Link>
                    <Link to="/main/field/110010">
                        <div className="cell">平原</div>
                    </Link>
                    <Link to="/main/hotSpring/110011">
                        <div className="cell">温泉</div>
                    </Link>
                    <Link to="/main/immortal/110012">
                        <div className="cell">仙人岛</div>
                    </Link>
                    <Link to="/main/field/110013">
                        <div className="cell">平原</div>
                    </Link>
                    <Link to="/main/cemetery/110014">
                        <div className="cell">墓地</div>
                    </Link>
                    <Link to="/main/resources/110015">
                        <div className="cell">资源</div>
                    </Link>
                    <Link to="/main/training/110016">
                        <div className="cell">试炼之地</div>
                    </Link>
                </div>
            </div>
            <div className="flex">
                <Link to="/main/secret/110024">
                    <div className="cell">不可诗意秘境</div>
                </Link>
                <Link to="/main/dungeon/110023">
                    <div className="cell">副本</div>
                </Link>
                <Link to="/main/field/110022">
                    <div className="cell">平原</div>
                </Link>
                <Link to="/main/secretHome/110021">
                    <div className="cell">神秘小屋</div>
                </Link>
                <div className="cell">通天塔</div>
                <Link to="/main/dungeon/110019">
                    <div className="cell">副本</div>
                </Link>
                <div className="cell">冒险者营地</div>
            </div>
        </div>
    }
})
